/**
 * 格子管理
 * @constructor
 */
function Cabinetitem() {
}

Cabinetitem.init = function () {
    $('#tableList').bootstrapTable({
        url: '/cabinetitem/tableSearch',
        method: 'post',
        striped : true, //是否显示行间隔色
        toolbar: "#toolbar",
        sidePagination: "true",
        dataField: "data",//这是返回的json数组的key.默认是"rows".这里只有前后端约定好就行
        showToggle : true, //是否显示详细视图和列表视图的切换按钮
        striped: true, // 是否显示行间隔色
        uniqueId: "id",
        pageList : [ 5, 10, 20,50,100],//可选择单页记录数
        pageSize: "10",
        pagination: true, // 是否分页
        sortable: true, // 是否启用排序
        sidePagination: 'server', // 设置为服务器端分页     客户端：client
        search:false,
        showColumns: true,
        showRefresh: true,
        //得到查询的参数
        queryParams: function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var query_params = {
                //********table的参数 不变
                pageSize: params.limit,                         //页面大小
                pageIndex: (params.offset / params.limit) + 1,   //页码
                sort: params.sort,      //排序列名
                sortOrder: params.order, //排位命令（desc，asc）
                //********
                //获取查询的对象，往下加入
                name:$('#search_name').val(),   //物品名称
            };
            return query_params;
        },
        columns: [
            {
                //field: 'Number',//可不加
                title: '序号',//标题  可不加
                align: "center",
                width: 40,
                formatter: function (value, row, index) {
                    var pageSize=$('#tableList').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条
                    var pageNumber=$('#tableList').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页
                    return pageSize * (pageNumber - 1) + index + 1;//返回每条的序号： 每页条数 * （当前页 - 1 ）+ 序号
                }
            },
            { field: 'showNum', title: '格子编号',align: 'center'},
            { field: 'num', title: '命令号',align: 'center'},
            { field: 'name', title: '物品名称',align: 'center'},
            { field: 'isNum', title: '货物数量',align: 'center'},
            /*{ title: '是否有货',align: 'center',
                formatter: function (value, row, index) {
                    let a="";
                    if(row.isNum==1){
                        a="<span class=\"label label-success\" onclick='updateType(" + JSON.stringify(row) + ")'>有货</span>"
                    }else{
                        a="<span class=\"label label-danger\" onclick='updateType(" + JSON.stringify(row) + ")'>无货</span>"
                    }
                    return a;
                }
            },*/
            { field: 'price', title: '价格',align: 'center'},
            {
                field: 'image', title: '物品图片',align: 'center',width: 200,
                formatter:function(value){
                    return "<img src=\""+value+"\" class=\"img-responsive\">";
                }
            },
            {
                title: '操作',
                align: 'center',
                formatter: function (value, row, index) {
                    var optionHtml = "";
                    optionHtml = optionHtml+"<a class=\"btn btn-success btn-xs\"  href=\"javascript:void(0)\"  onclick='actionRecord(" + JSON.stringify(row) + ",\"open\")' title=\"开格子\" ><i class=\"fa fa-edit\"></i>开格子</a>&nbsp";
                    optionHtml = optionHtml+"<a class=\"btn btn-success btn-xs\"  href=\"javascript:void(0)\"  onclick='actionRecord(" + JSON.stringify(row) + ",\"edit\")' title=\"修改\" ><i class=\"fa fa-edit\"></i>修改</a>&nbsp";
                    optionHtml = optionHtml + " <a class=\"btn btn-danger btn-xs\" href=\"javascript:void(0)\"  onclick='actionRecord(" + JSON.stringify(row) + ",\"delete\")'  title=\"删除\"><i class=\"fa fa-remove\"></i>删除</a>"
                    return optionHtml;
                }
            }
        ]
    });
}


//查询方法****************************
function doSearch() {
    $("#tableList").bootstrapTable("refreshOptions",{pageNumber:1});
}
//重置****************************
function doRest() {
    $("#search_cabName").val("");
    $("#search_name").val("");
    $("#tableList").bootstrapTable("refreshOptions",{pageNumber:1});
}
//增加方法****************************
var Action="";
var cabinetitemId=0;
var pxt="/cabinetitem"; //控制器名称
var image="";//图片路径
function addRecord() {
    cabinetitemId=0;
    Action="add";
    $("#myform")[0].reset();
}

//修改有货无货
function updateType(date) {
    $.ajax({
        url:"/cabinetitem/updateType/"+date.cabinetitemId+"/"+date.isNum,
        type:"get",
        contentType:"application/json",
    });
    $("#tableList").bootstrapTable("refreshOptions",{pageNumber:1});
}
//增加/修改数据保存****************************
function saveRecord() {
    if(!validateForm()) return false;
    //创建传递的参数
    var postdata = {
        cabinetitemId : cabinetitemId,
        action:Action,
        showNum: $("#text_showNum").val(),  //格子编号
        num: $("#text_num").val(),  //命令号
        name: $("#text_name").val(),  //物品名称
        isNum: $("#text_isNum").val(),  //是否有货
        price: $("#text_price").val(),  //价格
        image: image, //物品图片
    };
    //发送异步请求到后台保存用户数据
    $.ajax({
        url:pxt+"/save",
        type:"post",
        data:JSON.stringify(postdata),
        contentType:"application/json",
        dataType:"json",
        success:function(data){
            if (data.code === "200") {
                $('#myModalAdd').modal('hide')
                doSearch();
                swal("操作成功!", "请继续操作", "success");
            } else {
                swal("操作失败!", "请重试", "error");
            }
        }
    });
}
//上传****************************
function ImportShipmentStatusList() {
    console.log("进入图片上传方法")
    var upname = "text_image";
    if ($("#" + upname).val() == "") {
        alert("请选择上传图片");
        return;
    }
    $.ajaxFileUpload({
        url: pxt+'/uploadImages',
        secureuri: false,
        fileElementId: upname,
        dataType: 'json',
        success: function (data, status) {
            image = data.url;
            getImage(data.httpUrl);
        },
        error: function (data, status, e) {
            console.log("上传图片失败",e);
        }

    });
}

function getImage(url) {
    var html="";
    // html=html+"<div class=\"row\">";
    html=html+"<div class=\"col-lg-9\">";
    html=html+"<div class=\"form-group\" style='width:420px; height:250px'>";
    html=html+"<img style='width:420px; height:250px' src=\""+url+"\" />";
    html=html+"<span class=\"label label-danger pull-right\" style=\"cursor:pointer\" onclick=\"delimage();\">删除</span>";
    html=html+"</div>";
    html=html+"</div>";
    html=html+"</div>";
}
function delimage() {
    //清空file
    var test = document.getElementById('text_image');
    test.value = '';
}
//操作相关方法****************************
function actionRecord(data,type) {
    if(type==="edit"){
        //修改
        cabinetitemId=data.cabinetitemId;
        Action="edit";
        $("#myform")[0].reset();
        $("#save").removeAttr("disabled");
        WriteData(data)
        $('#myModalAdd').modal('show')
    }else if(type=="delete"){
        //删除
        swal({
            title: "确认是否删除",
            text: "是否确认要删除该条记录？",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "删除",
            cancelButtonText: "取消",
            closeOnConfirm: false
        }, function () {
            //点击删除之后此处进行传递后台
            $.ajax({
                type: "delete",
                url: pxt+"/deleteById/"+data.cabinetitemId,
                dataType : "json",
                contentType: "application/json",
                success: function (data, status) {
                    if (data.code == "200") {
                        doSearch();
                        swal("删除成功!", "请继续操作", "success");
                    }
                    else{
                        swal("删除失败!", "请重试", "error");
                    }
                }
            });

        });
    }else if(type=="open"){
        //开柜子
        swal({
            title: "确认是否打开格子",
            text: "是否确认要打开格子？",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "打开",
            cancelButtonText: "取消",
            closeOnConfirm: false
        }, function () {
            //点击打开之后此处进行传递后台
            $.ajax({
                type: "get",
                url: pxt+"/openById/"+data.cabinetitemId,
                dataType : "json",
                contentType: "application/json",
                success: function (data, status) {
                    if (data.code == "200") {
                        doSearch();
                        swal("打开成功!", "请继续操作", "success");
                    }
                    else{
                        swal("打开失败!", "请重试", "error");
                    }
                }
            });

        });
    }
}

//给控件赋值****************************
function WriteData(data) {
    $("#text_showNum").val(data.showNum);
    $("#text_num").val(data.num);
    $("#text_name").val(data.name);
    $("#text_isNum").val(data.isNum);
    $("#text_price").val(data.price);
    image=data.image;
}
//表单验证*****************************
function validateForm() {
    //validate方法参数可选
    return $("#myform").validate({
        rules: {
            text_price: {
                required: true,//必填
                minlength: 1, //最少1个字符
                maxlength:10,
                number:true,
            },
        },
        //错误信息提示
        messages: {
            text_price: {
                required: "(必填)",
                minlength: "最少1位",
                maxlength: "最长10位",
                number:"必须输入数字",
            },
          },
    }).form();

}
